.panel-work{
  min-height: 300px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  position: relative;

  // & > header{
  //   display: flex;
  //   align-items: center;
  //   border-bottom: 1px solid #E9E9E9;
  //   .avatar{
  //     display: block;
  //     margin: 12px;
  //     width: 32px;
  //     height: 32px;
  //     border-radius: 50%;
  //     background-color: #ccc;
  //   }
  //   .title{
  //     flex: 1;
  //     min-width: 0;
  //     margin: 0;
  //   }
  //   .btn-collapse{
  //     padding: 12px;
  //     cursor: pointer;
  //   }
  // }

  & > main{
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 12px;

    display: flex;
    flex-direction: column;

    .demo-btn{
      margin: auto;
    }
  }

  & > footer{
    padding: 12px;
    text-align: right;
    border-top: 1px solid #E9E9E9;
  }

  .draw-spin{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,.5);
  }
}

.msg-card{
  margin: auto;
  .img{
    display: block;
    margin: 0 auto 12px;
    height: 90px;
  }
  .text{
    text-align: center;
    & > span{
      display: block;
      margin: 12px auto;
    }
  }
}